<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        .sel_btn{
            height: 21px;
            line-height: 21px;
            padding: 0 11px;
            background: #f2b5fd;
            border: 1px #eef1f3 solid;
            border-radius: 3px;
            /*color: #fff;*/
            display: inline-block;
            text-decoration: none;
            font-size: 12px;
            outline: none;
        }

    </style>
    <script type="text/javascript">
    var fileObj={};

    //根据bizId、bizType初始化fileObj全局对象
    //此方法需业务自己调用
    //附件多种，及复杂情况下，建议自己初始化
    function initfileObj(bizId,bizType){
       var data ={bizId:bizId,bizType:bizType}
        $.ajax({
            type: "GET",
            url: G_CTX_PATH+'/cs/file/selectFileInfo.do',
            data: data,
            async: false,
            success : function(result){
                fileObj[""+bizType+""] =result.length;
            }
        });
    }
/*    $(function(){
        //初始化附件框
        $('#files').filebox({
            required : true,
            multiple : true, //为true允许多选,为false支持单选
            validType : ['fileSize[10,"MB"]','fileNum[5]'], //fileSize校验图片大小,fileNum校验图片数量
            buttonText : '请选择文件',
            buttonAlign : 'right',
            prompt : '请选择一个文件',
            accept : [ 'image/jpg', 'image/bmp', 'image/jpeg', 'image/gif', 'image/png']//支持上传的文件类型
        })

    });*/
    var initFileFn;//全局初始化file对象函数，由调用方提供
    var fileDialogHtml =getFileDialogHtml();
    function loadFileDataGrid(){
        var bizId = $("#formNameId [name ='bizId']" ).val();
        var bizType = $("#formNameId [name ='bizType']" ).val();
        var columns = [[{field : 'fileId',title : '',hidden:true},
            {field:'deal',title: '操作',align:'center',width: 200,formatter:function (val,row){
                    // 自定义操作栏
                    var url = G_CTX_PATH+'/cs/file/downLoadFile.do?fileId=' + row.fileId;
                    var html="";
                    var isShowDelete = $("#formNameId [name ='isShowDelete']" ).val();
                    if(isShowDelete=="true"){
                        html+= '<a   title="删除" onclick="deleteFile(\''+row.fileId+'\')" href="javascript:void(0)">删除</a>';
                    }
                    html += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a  title="下载" href="'+url+'" download='+row.oldFileName+'>下载</a>';
                    return html;
                }

            },
            {field : 'oldFileName',title : '文件名',width : 150},
            {field : 'createDated',title : '上传时间',width : 150,formatter:  function (value) {
                    return formatTime( value);
                }
            }
        ]];
        var dataGridParams = {
            url : G_CTX_PATH+'/cs/file/findFileInfoByPage.do',
            method:'POST',
            pageSize : 10,
            toolbar : '#filegrid',
            singleSelect : 'true',
            fitColumns : 'true',
            rownumbers: 'false',
            queryParams:{bizId:bizId,bizType:bizType}
        }
        newloadGrid('filegrid', columns, dataGridParams);
    }

    // 删除文件
    function deleteFile(file_id){
        // file_id为文件唯一标识，deleteType为删除类型(yes为物理删除，no为逻辑删除)
        var url = G_CTX_PATH+'/cs/file/deleteFile.do?fileId=' + file_id + '&deleteType=yes';
        $.ajax({
            url: url,
            type: 'post',
            dataType: 'json',
            success: function(data){
                $.messager.alert('提示：','文件删除成功');
                $("#filegrid").datagrid("reload");
            }
        });
    };



    // 获取图片URL
    function getObjectUrl(file) {
        var url = null;
        if(window.createObjectUrl != undefined){
            url = window.createObjectURL(file);
        }else if(window.URL != undefined) {
            url = URL.createObjectURL(file);
        }else if(window.webkitURL != undefined){
            url = window.webkitURL.createObjectURL(file);
        }
        return url;
    }

    // 以表单方式上传单个文件
    function uploadFile(){
        var files = $("input[name='files']")[0].files;
        if(files.length>0){
            var url = G_CTX_PATH+'/cs/file/fileupload.do';
            $('#formNameId').form('submit', {
                url : url,
                dataType : 'json',
                success : function(result) {
                    if(initFileFn)
                        initFileFn();
                    if (true) {
                        $('#filegrid').datagrid('reload');
                    } else {
                        $.messager.alert('Info', "没有找到记录！", 'info');
                    }

                }
            });
        }else{
            showInfoMsg("请选择要上传的文件");
        }
    };
    // 以表单方式上传多个文件
    function uploadFileMul(){
        debugger
        //common
        var files = $("input[name='files']")[0].files;
        if(files.length>0){
            if(fileObj.config){
                var size = $("#filegrid").datagrid("getData").rows.length;
                var fileNum = fileObj.config.fileNum;
                if(fileNum == size){
                    $.messager.alert('Info', "最多上传"+fileNum+"张！", 'info');
                    return false;
                }
            }
            var url = G_CTX_PATH+'/cs/file/batchFile.do';
            $('#formNameId').form('submit', {
                url : url,
                dataType : 'json',
                success : function(result) {
                    if(initFileFn)
                        initFileFn();
                    if (true) {
                        $('#filegrid').datagrid('reload');
                    } else {
                        $.messager.alert('Info', "没有找到记录！", 'info');
                    }
                }
            });
        }else{
            showInfoMsg("请选择要上传的文件");
        }

    };
    /**
     * 关闭弹窗组装全局对象
     * 用于验证
     * */
    function suredlgFile() {
        var options = $("#filegrid").datagrid('getPager').data("pagination").options;
        var total = options.total;
        var bizType = $("#formNameId [name ='bizType']" ).val();
        fileObj[""+bizType+""] =total;
    }

    /**
     * 附件上传测试
     * */
    function callUpLoad(bizId,bizType,sysModul,isShowDelete,fn,config){
        debugger
        // common
        if(bizId && bizType){
            $("#fileDialogDiv").append("<div id='fileDialog'</div>");
            var fileDialog = $("#fileDialog");
            fileDialog.html(fileDialogHtml);
            if(fn){
                fn();
                initFileFn =fn;
            }
            if(config){
                fileObj["config"] = config;
            }
            var buttons;
            var title;
            if(!isShowDelete){
                $("#showUpload").hide();
                buttons= [
                    {
                        text : '关闭',
                        iconCls : 'icon-cancel',
                        handler : function() {
                            suredlgFile();
                            fileDialog.dialog('destroy');
                        }
                    }]
                title="附件查看"
            }else{
                buttons= [
                    {
                        text : '确定',
                        iconCls : 'icon-ok',
                        handler : function() {
                            suredlgFile();
                            fileDialog.dialog('destroy');
                        }
                    },{
                        text : '关闭',
                        iconCls : 'icon-cancel',
                        handler : function() {
                            suredlgFile();
                            fileDialog.dialog('destroy');
                        }
                    }]
                title="附件上传"
            }
            $("#formNameId [name ='bizId']" ).val(bizId);
            $("#formNameId [name ='bizType']" ).val(bizType);
            $("#formNameId [name ='sysModul']" ).val(sysModul);
            $("#formNameId [name ='isShowDelete']" ).val(isShowDelete);
            loadFileDataGrid();
            //2018-07-24 获取高度
            //var h = parent.$("#mainTab")[0].offsetHeight;
		    var h = 700;
			try {
				h = parent.$("#mainTab")[0].offsetHeight;
			} catch(err) {
				
			}
            fileDialog.dialog({
                title : title,
                width : 600,
                height : 400,
                top:$(document).scrollTop()+(h-400)*0.5,
                autoOpen : false,
                modal:true,
                buttons : buttons,
                onClose: function(){
                    suredlgFile();
                    fileDialog.dialog('destroy');
                }
            });
        }else{
            showInfoMsg("参数不全");
        }
    }
    //构造弹窗页面内容
    function getFileDialogHtml(){
        var fileDialogHtml='<div class="easyui-layout" style="hight:300px;" data-options="fit:true">' +
                           '    <form id="formNameId" method="post" enctype="multipart/form-data">' +
                           '        <input type ="hidden" name ="sysModul" >' +
                           '        <input type ="hidden" name ="bizId" >' +
                           '        <input type ="hidden" name ="bizType">' +
                           '        <input type ="hidden" name ="isShowDelete">'+
                           '         <div id ="showUpload">'+
                           '         <input class="easyui-filebox" id="files" name="files" style="width:400px" data-options="width:250,required:true"/>' +
                           // '         <a href="javascript:void(0)" class="sel_btn"  onclick="uploadFileMul()">文件上传</a>'+
                           '         </div>'+
                           '   </form>' +
                           '   <table id="filegrid" class="easyui-datagrid " style ="width:580px;height:300px;"data-options="fit:false">' +
                           '   </table>' +
                           '</div>';
        return fileDialogHtml;

    }
    </script>
</head>
<body>
<!--弹窗-->
<div id ="fileDialogDiv">
</div>
</body>
</html>